<template>
  <div id="tree" class="tree">
     <!-- 顶栏 -->
      <tree-nav-bar></tree-nav-bar>
      

       <el-main>
         <code-tracker-panel></code-tracker-panel>

      </el-main>
      <!-- 底栏 -->
      <slider></slider>
      <div id="bottom-bar">
        
        <bottom-bar></bottom-bar>
      </div>
    </div> 
    <!-- 底栏 -->
   
    
</template>

<script>
import CodeTrackerPanel from '../../components/common/panel/OptionsPanel/CodeTrackerPanel.vue'
import BottomBar from '../../components/common/navbar/BottomBar'
import Slider from '../../components/common/show/Slider'
import  TreeNavBar from '../../components/common/navbar/TreeNavBar'
export default {
  name:'Tree',
  components:{
    TreeNavBar,
    BottomBar,
    Slider,
    CodeTrackerPanel
  }
}
</script>

<style scoped>
  .tree{
    background: rgb(247, 206, 206);
    height: 700px;
    width: 1;
  }
  @import "../../assets/css/common.css"

</style>